<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .tpl {
            display: none;
        }
    </style>
</head>
<body>
    <div class="demo" style="width: 100px; height: 100px; background-color: red;" data-cst='duyi'></div>

    <!-- <table class='stb'>
        <tr>
            <th>名字</th>
            <th>年龄</th>
            <th>班级</th>
        </tr>
        <tr class='tpl'>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table> -->

    <script src='./jquery.js'></script>
    <script>
        // $('.demo').click(function () {
        //     alert(0);
        // });

        // $('.demo').clone(true).appendTo('body');

        
        // jQuery  


        //  data -> jQuery 操作data  操作dom -> view

        // var studentArr = [
        //     {
        //         name: '陈思彤',
        //         age: 18,
        //         class: 3
        //     },
        //     {
        //         name: '成哥',
        //         age: 19,
        //         class: 2
        //     },
        //     {
        //         name: '老邓头',
        //         age: 50,
        //         class: 1
        //     }
        // ];
 
        // var oWrapper = $('.stb');
        // studentArr.forEach(function (ele, index) {
        //     console.log(index)
        //     var oCloneDom = $('.tpl').clone().removeClass('tpl');
        //     oCloneDom
        //         .find('td')
        //             .eq(0)
        //                 .text(ele.name)
        //                     .next()
        //                         .text(ele.age)
        //                             .next()
        //                                 .text(ele.class);

        //     oWrapper.append(oCloneDom);                            
        // });


        // true ?

        // js dom对下对象
        // dom.timer button sex
        // $('.demo').prop('data-log', '1111');
        // console.log( $('.demo').clone().prop('data-log') );



        // data jQuery dom  存信息存数据存状态

        // $('.demo').data('data-duyi', 18);    
        // $('.demo').data({
        //     name: 'cst',
        //     age: 18,
        //     sex: true
        // }); 




        


    </script>
</body>
</html>